@import '../../../core/index.less';

.orin-s-menucustom-root {
    width: 100%;
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    flex-direction: column;
    z-index: 5;
    box-shadow: 1/@remScale 0 0 0 #eeeeee;
    .menu-list-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        .list-top {
            flex: 1;
            overflow-y: auto;
            .scrollBarClass();
        }
        .info-item-wrapper {
            height: 50/@remScale;
            line-height: 48/@remScale;
            cursor: pointer;
            &.active {
                background-color: #8b8e94;
            }
            &:hover {
                .item-title {
                    background-color: #8b8e94;
                }
            }
            .item-title {
                display: flex;
                justify-content: space-between;
                font-size: 14/@remScale;
                color: @white;
                width: 100%;
                padding: 0 20/@remScale;
                .icon {
                    width: 12/@remScale;
                    height: 12/@remScale;
                }
                .text {
                    margin-left: 12/@remScale;
                }
            }
        }
        .child-list {
            transition: height .5s;
            &.hide {
                height: 0;
                overflow: hidden;
            }
            .subs-wrapper {
                height: 50/@remScale;
                line-height: 48/@remScale;
                cursor: pointer;
                padding: 0 50/@remScale;
                .subs-title {
                    font-size: 14/@remScale;
                    color: @white;
                    width: 100%;
                }
            }
        }
        .list-bottom {
            height: 50/@remScale;
            line-height: 50/@remScale;
            text-align: center;
            color: @white;
            font-size: 14/@remScale;
            border-top: 1/@remScale solid @border-color;
            cursor: pointer;
            .exit-text {
                margin-left: 10/@remScale;
            }
        }
    }
}